{% include 'public/body.html' %}

{% block title %}
    我的关注
{% endblock %}


{% block main %}
    <div id="main">
        <section class="aside">
            <!-- 定义右侧窗口信息 -->
            <aside class="users">
                <img src="./images/unknown.png"/>
                <div>
                    <p><a href="javascript:void(0);">点击登录</a></p>
                    <p><a href="javascript:void(0);">登录账号可享受大众会员特权</a></p>
                </div>

                <p>
                    <span class="lf"></span>开通VIP尊享特权<span class="rf"></span>
                </p>

                <div class="clearfix">
                    <p class="download">下载权益</p>
                    <p class="book">图书权益</p>
                    <p class="vip">VIP文章</p>
                    <p class="col">收藏特权</p>
                </div>
            </aside>

            <aside class="psl">
                <a class="focus-on" href="javascript:void(0)">关注数:<b>10</b></a>
                <a class="fan">粉丝数:<b>8</b></a>
            </aside>
        </section>
        <section>

            <h1 class="attent-title">人员关注信息</h1>

            <div class="bg-hr"></div>

            <div class="attent-list">
                <!-- 一个关注  -->
                <div class="attent">
                    <img src="./images/user.jpg"/>
                    <a class="lr">已关注</a>
                    <a class="rf" href="./more.html">查看他的资源</a>
                    <span class="user-a">love爱有缘</span>
                </div>

                <div class="attent">
                    <img src="./images/user.jpg"/>
                    <a class="qx">关注</a>
                    <a class="rf" href="./more.html">查看他的资源</a>
                    <span class="user-a">love爱有缘</span>
                </div>


            </div>
            <!-- 清除浮动 -->
            <div class="clearfix"></div>
            <!-- 分页 -->
            <div class="pagination">
                <a class="left"></a>
                <a class="act">1</a>
                <a>2</a>
                <a>3</a>
                <a>4</a>
                <a>5</a>
                <a class="right"></a>
                <select>
                    <option>1/5</option>
                    <option>2/5</option>
                    <option>3/5</option>
                    <option>4/5</option>
                    <option>5/5</option>
                </select>
            </div>
        </section>

    </div>

{% endblock %}

{% block vue %}


{% endblock %}